{% extends "default.html" %}

{% load i18n %}

{% block title %}{% trans "FAQs" %}{% endblock %}
{% block page_title %}{% trans "FAQs" %}{% endblock %}

{% block page_content %}

<div class="box">
			
	<div class="top">
		<div class="left"></div>
		<div class="right"></div>
		<div class="center">{% trans "FAQ" %}
			<a href="/faq/submit_faq/" style="float: left;">
				<img src="/static/images/help_red_16x16.png" />
				{% trans "Ask Question" %}
			</a>
		</div>
	</div>
	
	<div class="middle">
		
		
		{% if message %}
		<div>{{ message }}</div>
		{% endif %}
		
		<ol class="faq">
			{% for tid, qlist in questions.items %}
			<li>
				<div class="topicName">{{ qlist.0.topic.name }}</div>
				<ul>
					{% for q in qlist %}
					<li>
						<div class="questionContainer">
							<div class="question">{{ q.text }}</div>
							<p class="answer">
							{% autoescape off %}
							{{ q.answer }}
							{% endautoescape %}
							</p>
						</div>
					</li>
					{% endfor %}
				</ul>
			</li>
			{% endfor %}
		</ol>
		
		<!-- 
		<div style="float: left;">{% trans "Last updated on" %}: {{ updated_on|date:"M d, Y" }}</div>
		-->
		<br class="clear"/>
		
	</div>
	
	<div class="bottom">
		<div class="left"></div><div class="right"></div><div class="center"></div>
	</div>
</div>

{% endblock %}
